<template>
    <div class="box">
        <div class="zhinans" @click="xiangqing5">
            <div class="span1">
                <div class="nameas">台湾居民来大陆定居证明
                    服务指南
                </div>
                <div class="nameneirs">
                    一、办理依据：
                    1、《中国公民往来台湾地区管理办法》
                    2、《公安部、中央统战部、国务院台办关于台湾居民来祖国大陆定居受理审批工作的通知》
                    二、办理条件
                    1、符合以下条件之一：
                    ①在台孤身一人，无人赡养，且在大陆拟定居地有父母、配偶（此种情形须符合下述第二项的规定）、子女等直系亲属，该亲属有能力赡养并保证赡养，本人的生活费用及住房等能够自理。

                </div>
                <div class="namerqs">2023-10-21</div>
            </div>
            <div class="span2">
                <van-image width="100" height="100" src="" />
            </div>
            <van-divider />
        </div>
        <div class="zhinans" @click="xiangqing6">
            <div class="span1">
                <div class="nameas">台湾居民来往大陆通行证
                    服务指南
                </div>
                <div class="nameneirs">
                    一、办理依据：
                    1、《中国公民往来台湾地区管理办法》
                    2、《台湾居民来往大陆通行证签发管理工作规范》
                    二、办理条件
                    1、来往大陆的台湾居民可首次申请台胞证，
                    2、有下列情形之一的，可以换发台胞证：
                    ①五年期台胞证有效期不足6个月的；
                    ②持一次台胞证申请换发五年期台胞证的；
                    ③持本式台胞证申请换发电子台胞证的；
                    ④持证人身份信息发生变更的；
                    ⑤需要换发的其他情形。

                </div>
                <div class="namerqs">2023-10-21</div>
            </div>
            <div class="span2">
                <van-image width="100" height="100" src="" />
            </div>
            <van-divider />
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        methods: {
            xiangqing5() {
                this.$router.push('/zbclxxd')
            },
            xiangqing6() {
                this.$router.push('/zbclxxe')
            },
        },
    }
</script>

<style scoped lang="less">
    .box {
        margin: 0;
        padding: 0;
        background-color: #F4F4F4;
        height: 100vh;

        .axioa {
            margin-bottom: 10px;
        }

        .zhinan {
            background-color: #FFFFFF;

            // border-bottom: #999999 solid 1px;
            .namea {
                width: 90%;
                margin: 0 auto;
                padding: 10px 0 8px 0;
                font-weight: bold;
            }

            .nameneir {
                width: 90%;
                margin: 0 auto;
                padding: 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #999999;

            }

            .namerq {
                width: 90%;
                padding: 5px;
                margin: 0 auto;
                color: #999999;
                font-size: 12px;
            }

            .van-divider {
                margin: 0;
            }
        }

        .zhinans {
            background-color: #FFFFFF;
            display: flex;

            .span1 {
                width: 71%;
            }

            .span2 {
                // width: 35%;
            }

            .nameas {
                width: 90%;
                margin: 0 auto;
                padding: 10px 0 8px 0;
                font-weight: bold;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .nameneirs {
                width: 90%;
                margin: 0 auto;
                padding: 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #999999;

            }

            .namerqs {
                width: 90%;
                padding: 5px;
                margin: 0 auto;
                color: #999999;
                font-size: 12px;
            }

            .van-divider {
                margin: 0;
            }
        }
    }

    .boxgrid {
        margin-bottom: 10px;
    }
</style>